    <!DOCTYPE html>
    <html lang="en">
        
        <head>
            <meta charset="utf-8">
            <title>Online Code Beautifier for JavaScript, HTML, CSS and PHP</title>

            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <meta name="author" content="Amit Agarwal">
            <meta name="description" content="With Code Beautifier, you can deobfuscate and reformat your source code written in JavaScript, HTML, CSS, PHP or other programming languages." />

            <link rel="alternate" type="application/rss+xml" title="Digital Inspiration" href="http://feeds.labnol.org/labnol" />
            <link href="http://ctrlq.org/common/css/bootstrap.min.css" rel="stylesheet">
            <link href="http://ctrlq.org/common/css/bootstrap-responsive.min.css" rel="stylesheet">
            <script src="http://ctrlq.org/common/js/bootstrap.min.js"></script>
            <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
            <link href="http://ctrlq.org/beautifier/style.css" rel="stylesheet">

            <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
            <![endif]-->

            <link rel="shortcut icon" href="http://ctrlq.org/common/ico/favicon.ico">
            <link rel="stylesheet" href="http://ctrlq.org/beautifier/lib/codemirror.css">
            <script src="http://ctrlq.org/beautifier/lib/codemirror.js"></script>
            <script src="http://ctrlq.org/beautifier/lib/util/formatting.js"></script>
            <script src="http://ctrlq.org/beautifier/mode/css/css.js"></script>
            <script src="http://ctrlq.org/beautifier/mode/clike/clike.js"></script>
            <script src="http://ctrlq.org/beautifier/mode/xml/xml.js"></script>
            <script src="http://ctrlq.org/beautifier/mode/javascript/javascript.js"></script>
            <script src="http://ctrlq.org/beautifier/mode/php/php.js"></script>
            <script src="http://ctrlq.org/beautifier/mode/htmlmixed/htmlmixed.js"></script>

        </head>
        
        <body>

<div class="navbar">
	<div class="navbar-inner">
		<div class="container">
			<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
			<span class="icon-bar">
			</span>
			<span class="icon-bar">
			</span>
			<span class="icon-bar">
			</span>
			</a>
			<div class="nav-collapse">
				<ul class="nav">
					<li>
					<a href="#info" data-toggle="modal">
					<i class="icon-home icon-white">
					</i>
					Code Beautifier </a>
					</li>
					<li>
					<a href="http://www.labnol.org/">
					Tech Blog </a>
					</li>
					<li>
					<a href="mailto:amit@labnol.org?Subject=Listen" target="_blank">
					Contact </a>
					</li>
				</ul>
			</div>
			<!--/.nav-collapse -->
		</div>
	</div>
</div>
<div id="info" class="modal hide fade">
	<div class="modal-header">
		<button class="close" data-dismiss="modal">
		&times; </button>
		<h1>
		Beautify Source Code </h1>
	</div>
	<div class="modal-body">
		<p>
			 With Code Beautifier, you can deobfuscate and reformat your source code with a click.
		</p>
		<p>
			 The beautifier is compatible with most popular languages including JavaScript, HTML, XML, CSS, and PHP.
		</p>
		<hr>
		<p>
			 Beautifier uses the open-source Code Mirror project to auto-format and intend the source code while the tool is based on Twitter's BootStrap project.
		</p>
		<p>
			 The tool was created by <a href="http://www.labnol.org/about/" target="_blank">
			Amit Agarwal </a>
			on July 04, 2012.
		</p>
	</div>
	<div class="modal-footer">
		<a href="#" class="btn" data-dismiss="modal">
		Close </a>
	</div>
</div>
<div class="container">
	<div class="hero-unit">
		<h2>
		online code beautifier </h2>
		<span class="help-block">
		Paste any obfuscated piece of code below and the beautifier will format and recolor the ugly code to make it easier to read and understand. </span>
		<form>
			<textarea id="code" name="code">
			</textarea>
		</form>
		<a href="javascript:autoFormat()" class="btn btn-inverse btn-large listen">
		<i class="icon-indent-left icon-white">
		</i>
		Format Code </a>
	</div>
	<div class="row">
		<div class="span4">
			<h2>
			Beautifier </h2>
			<p>
				 Paste any ugly snippet of code and the beautifier will reformat the code with colorized markup for easier reading.
			</p>
			<div class="addthis_toolbox addthis_default_style">
				<a tf:show-screen-name="false" class="addthis_button_twitter_follow_native" tf:screen_name="labnol" tf:show-count="false">
				</a>
				<a class="addthis_button_facebook_like" fb:like:layout="button_count" addthis:url="http://www.facebook.com/digital.inspiration">
				</a>
			</div>
		</div>
		<div class="span4">
			<h2>
			Responsive </h2>
			<p>
				 The site uses reponsive web design and should therefore work across all screens including your mobile phone and tablet.
			</p>
			<p>
				<a class="btn" href="http://www.labnol.org/internet/responsive-web-design-faq/21361/">
				Responsive Design &raquo; </a>
			</p>
		</div>
		<div class="span4">
			<h2>
			Languages </h2>
			<p>
				 The tool can deobfuscate most popular programming languages including CSS, HTML, PHP, JavaScript and others.
			</p>
			<p>
				<a class="btn" href="http://www.labnol.org/software/how-to-convert-files/19523/">
				File Conversion &raquo; </a>
			</p>
		</div>
	</div>
	<hr>
	<footer>
	<p>
		 &copy; 2012 A Digital Inspiration project written by Amit Agarwal
	</p>
	</footer>
</div>
<!-- container -->

    <div id=fb-root></div>
    <script src="http://ctrlq.org/common/js/jquery.min.js"></script>
    <script src="http://ctrlq.org/common/js/bootstrap.min.js"></script>
    <script src="http://ctrlq.org/beautifier/functions.js"></script>
    <script src="http://ctrlq.org/common/js/ga.js"></script>
    <script src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=labnol"></script>

  </body>
</html>